body {font-family: PingFangSC-Regular,Verdana,Arial,"宋体","微软雅黑"; overflow: hidden; background-color: #F5F5F5;}
.detail-attention {width: 10rem; margin: 0 auto 0.26666666rem; background-color: #FFF6E6; overflow: hidden;}
.detail-attention img {width: 0.32rem; height: auto; margin: 0.26666666rem 0.13333333rem 0.21333333rem 0.4rem; vertical-align: middle;}
.detail-attention p {font-size: 12px; line-height: 1.41666666; color: #999; vertical-align: middle; display: inline-block;}
[data-dpr="2"] .detail-attention p {font-size: 24px;}
[data-dpr="3"] .detail-attention p {font-size: 36px;}
.detail-cost {width: 10rem; margin: 0 auto 0.02666666rem; overflow: hidden; background-color: #FFF;}
.detail-cost p {font-size: 15px; line-height: 1.4; color: #505050; display: inline-block;}
[data-dpr="2"] .detail-cost p {font-size: 30px;}
[data-dpr="3"] .detail-cost p {font-size: 45px;}
.detail-cost p:nth-child(1) {margin: 0.42666666rem 0 0.34666666rem 0.4rem;}
.detail-cost p:nth-child(2) {margin: 0.42666666rem 0.4rem 0 0; float: right;}
.detail-cost img {width: 0.37333333rem; height: auto; vertical-align: middle; margin-left:  0.14666666rem;}
.detail-cost span {vertical-align: middle; display: inline-block;}
.detail-cost span:nth-child(2) {margin-left: 0.66666666rem;}
.detail-content {width: 10rem; margin: 0 auto; overflow: hidden; background-color: #FFF;}
.detail-price {width: 100%; overflow: hidden;}
.detail-pricel {float: left; margin: 0.4rem 0 0.69333333rem 0.93333333rem; text-align: center;}
.detail-pricel img {width: 1.33333333rem; height: auto; margin-bottom: 0.58666666rem;}
.detail-pricer {float: right; margin: 0.50666666rem 0.4rem 0.53333333rem 0; text-align: right;}
.detail-pricer span {vertical-align: middle;}
.detail-pricer p:nth-child(1) {margin-bottom: 0.4rem;}
.detail-pricer p:nth-child(2) {margin-bottom: 0.26666666rem;}
.text-four {font-size: 16px; line-height: 1.1875; color: #333; margin-left: 0.26666666rem;}
.text-five {font-size: 16px; line-height: 1.1875; color: #EA4040; margin-left: 0.26666666rem;}
[data-dpr="2"] .text-four,[data-dpr="2"] .text-five {font-size: 32px;}
[data-dpr="3"] .text-four,[data-dpr="3"] .text-five {font-size: 48px;}
.text-six {font-size: 20px; line-height: 1.4; color: #EA4040; margin-left: 0.26666666rem;}
[data-dpr="2"] .text-six {font-size: 40px;}
[data-dpr="3"] .text-six {font-size: 60px;}

.p-one {padding: 0.4rem 0.4rem 0.45333333rem; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.p-one span:first-child {min-width: 3rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.p-one span:last-child {float: right; padding-left: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.div-one {padding: 0.4rem 0.4rem 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.div-one span:first-child {float: left; max-width: 4.4rem; min-width: 3rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.div-one span:last-child {float: right; padding-left: 0.2rem; text-align: right; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.div-one p {flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-three {padding: 0.4rem 0.4rem 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.p-three span:first-child {min-width: 3rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.p-three span:last-child {float: right; padding-left: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-four span:first-child {float: left; max-width: auto; min-width: auto; padding-left: 0.2rem; text-align: left; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-four span:last-child {float: right; padding-left: 0.2rem; text-align: right; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.detail-title {width: 10rem; margin: 0 auto; background-color: #FFF; overflow: hidden; margin-top: 0.26666666rem;}
.detail-title p:first-child {width: 0.13333333rem; height: 0.53333333rem; margin: 0.21333333rem 0.26666666rem 0.21333333rem 0; background-color: #EA4040;}
.detail-title p {vertical-align: middle; display: inline-block;}
.detail-msg {width: 10rem; margin: 0 auto; background-color: #FFF; overflow: hidden; padding-bottom: 0.4rem;}
.text-seven {font-size: 14px; line-height: 0.45333333rem; color: #0076FF;}

.div-two {margin: 0.4rem 0.4rem 0 0.4rem; overflow: hidden; vertical-align: top; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.div-two p {display: inline-block;}
.div-two p:nth-child(1) {width: 2.2rem;}
.div-two p:nth-child(2) {word-break: break-all; word-wrap: break-word; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.div-two img {width: 0.32rem; height: auto; margin-right: 0.13333333rem; vertical-align: middle;}
.div-two p:nth-child(3) {word-break: break-all; word-wrap: break-word; margin-left: 0.2rem; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.div-two a {vertical-align: middle;}
.div-two span {display: block; padding-bottom: 0.26666666rem;}
.div-two span:last-child {padding-bottom: 0;}
.detial-delete {width: 8rem; margin: 0.53333333rem auto; font-size: 16px; line-height: 1.17333333rem; text-align: center; color:#999; border: 0.02666666rem solid #999; border-radius: 0.64rem; background-color: #F5F5F5;}
.detial-pay {width: 8rem; margin: 0.4rem auto 2.26666666rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color:#FFF; border: 0.02666666rem solid #FF6B6B; border-radius: 0.64rem; background-color: #EA4040;}
[data-dpr="2"] .detial-delete,[data-dpr="2"] .detial-pay {font-size: 32px;}
[data-dpr="3"] .detial-delete,[data-dpr="3"] .detial-pay {font-size: 48px;}

.line {width: 100%; min-height: 0.02666666rem; height: 0.02666666rem; font-size: 0; line-height: 0; margin: 0; padding: 0; background-color: #F5F5F5; overflow: hidden;}
.text-one {font-size: 14px; line-height: 0.45333333rem; color: #999;}
.text-two {font-size: 14px; line-height: 0.45333333rem; color: #333;}
.text-three {font-size: 14px; line-height: 0.45333333rem; color: #0076FF;}
[data-dpr="2"] .text-one,[data-dpr="2"] .text-two,[data-dpr="2"] .text-three,[data-dpr="2"] .text-seven {font-size: 28px;}
[data-dpr="3"] .text-one,[data-dpr="3"] .text-two,[data-dpr="3"] .text-three,[data-dpr="3"] .text-seven {font-size: 42px;}